<template>
  <div class="box">
    <div style="width:30%;margin-right:5%">
        <a href="javascript:void(0);">
            <a-card style="width:100%;height:15rem;padding:0 20%" @click="Fraud">
                <img src="@/assets/u15970.png" alt="图片加载失败" style="width:100%">
            </a-card>
            <a-card style="width:100%" @click="Fraud"  >涉诈网站分析报告</a-card>
        </a>
    </div>
    <div style="width:30%;margin-right:5%">
        <a href="javascript:void(0);">
            <a-card style="width:100%;height:15rem;padding:0 20%" @click="Verification">
                <img src="@/assets/u15970.png" alt="图片加载失败" style="width:100%">
            </a-card>
            <a-card style="width:100%" @click="Verification">封堵验证分析报告</a-card>
        </a>
    </div>
    <div style="width:30%">
        <a href="javascript:void(0);">
            <a-card style="width:100%;height:15rem;padding:0 20%" @click="Unseal">
                <img src="@/assets/u15970.png" alt="图片加载失败" style="width:100%">
            </a-card>
            <a-card style="width:100%" @click="Unseal">解封验证分析报告</a-card>
        </a>
    </div>
  </div>
</template>

<script>
export default {
data () {
    return {
        
    }
},
methods: {
    Fraud(){
        this.$router.push({
        path: '/plugging/police/Report/FraudReport',
        query: {
            type:1
        }
      })
    },
    Verification(){
        this.$router.push({
        path: '/plugging/police/Report/VerificationReport',
        query: {
            type:2
        }
      })
    },
    Unseal(){
        this.$router.push({
        path: '/plugging/police/Report/UnsealReport',
        query: {
            type:3
        }
      })
    },
}
}
</script>

<style lang="less" scoped>
.box{
    display:flex;
    height: 50rem;
    background-color: white;
    padding-top: 3%;
    padding-left: 3%;
    padding-right: 3%;
}
</style>